<template>
	<view>
		<view class="content">
			<view class="pothon" v-for="(item) in 3" @click="pothon">
				<view class="pt"></view>
				<view class="pt2">
						<text class="t1">{{text1}}</text>
						<text class="t2">{{text2}}</text>
						<text class="t3">{{text3}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"manhuan",
		data() {
			return {
				text1:'重生的小生活',
				text2:'最新：完结篇 投奔你',
				text3:'2022-05-20 06:02更新',
			};
		},
		methods:{
			pothon(){
				uni.navigateTo({
					url:'../../new/read/read'
				})
			},
		}
	}
</script>

<style>
	.content{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		width: 90%;
		margin-left: 5%;
	}
	.pothon{
		width: 100%;
		height: 120px;
		display: flex;
		flex-direction: row;
		border-bottom: 1px solid #ededed;
		margin-bottom: 10px;
	}
	.pt{
		padding-top: 5px;
		width: 30%;
		height: 90%;
		border-radius: 15px;
		background-repeat: no-repeat;
		background-size: 100%;
		background-image: url('https://ts1.cn.mm.bing.net/th/id/R-C.f1421b9fb1688bead2bb2a440b46d018?rik=Nx%2b3OrzMXNmCGQ&riu=http%3a%2f%2fimg.zcool.cn%2fcommunity%2f011a5b58a6c2a8a801219c773bb916.jpg%401280w_1l_2o_100sh.jpg&ehk=9UxXHnGc0OlGYYdZfg3Un%2bbV3GBzIGRKBqnBf32B174%3d&risl=&pid=ImgRaw&r=0');
	}
	.pt2{
		width: 60%;
		height: 100%;
		margin-left: 5%;
		padding-top: 5%;
		box-sizing: border-box;
	}
	text{
		display: block;
		line-height: 30px;
	}
	.t1{
		font-size: 20px;
		font-weight: bold;
	}
	.t2,.t3{
		color: #999999;
	}
	.t3{
		font-size: 14px;
	}
</style>